* {
 margin: 0;
 padding:0;
 font-family: sans-serif;
}
body {
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
 background-size: 70px 120px;
}
nav {
 padding: 5px;
 padding-left:35px;
 width: 780px;
 height:15px;
 margin: 100px auto;
 border-radius: 5px;
 text-align: center;
 background-color:#333333;
box-shadow:0px 0px 0 rgb(48,48,48),1px 1px 0 rgb(19,19,19),2px 2px 0 rgb(-10,-10,-10), 3px 3px 0 rgb(-39,-39,-39),4px 4px 3px rgba(0,0,0,0),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
}
#menu a{
 display: block;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-family: Garamond, serif;
 font-weight:bold;
 border-radius: 3px;
 font-size: 0.9em;
 color: rgba(0,0,0,0.6);
 text-shadow: 2px 2px 3px rgba(255,255,255,0.1); 
}
#menu > li {
 float:left;
 width:150px;
 height: 50px;
 line-height: 50px;
 margin-top:-40px;
 list-style:none;
 position: relative; 
 background-color:#999999;
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s;  
}
#menu > li:hover {
 color: #468ECD;
 text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
 background-color:#999999;
 height:64px;
 margin-top: -54px;
 box-shadow: 0em 0em 2em -.5em rgba(0,0,0, .5);
 z-index: 3;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 transition: all 0.4s; 
}
#menu ul {
 visibility:hidden;
 position: absolute;
 background-color:#333333;
 border-radius: 3px;
 padding-top:5px;
 padding-bottom:5px;
 width: 150px;
 top:80px;
 opacity: 0;
 text-align: left;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s; 
}
#menu li:hover ul{
 opacity: 1;
 top: 64px;
 visibility:visible;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
#menu ul li {
 display: block;
 position: relative;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s;  
}
#menu ul li:hover {
 display: block;
 position: relative;
 background-color:#999999;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s;  
}
#menu ul li a {
 padding-left: 30px;
}
